/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

function initGerenciaGrid(){
    $("#catalogogerencias_grid").jqGrid({
        url:'gridCatalogoGerencias.do',
        //editurl:'modifiBanco.do?action=edit',
        datatype: "json",
        width:900,
 colNames:['','Gerencia','Descripcion','Region','Fecha Alta','Opciones'],
        colModel:[
        {
            name:'id_gerencia',
            index:'id_gerencia',
            sortable: true, 
            hidden: true , 
            editable: true, 
            width:55
        }
        ,{
            name:'nombre_gerencia',
            index:'nombre_gerencia',
            sortable: true, 
            editable: true,  
            editrules: { required: true},
            editoptions:{readonly: false},        
            width:55
        },{
            name:'descripcion_gerencia',
            index:'descripcion_gerencia',
            sortable: true, 
            editable: true,  
            editrules: { required: true},
            editoptions:{readonly: false},        
            width:55
        },{
            /*name:'descripcion_region',
            index:'descripcion_region',
            sortable: true, 
            editable: true,  
            editrules: { required: true},
            editoptions:{readonly: false}, 
            edittype: 'select', editoptions: {
                            value: 'FE:FedEx;TN:TNT;IN:Intim',
                            defaultValue: 'IN',
                            dataInit: function(elem) { $(elem).css("margin-top", "8px" ); }},
                            stype: 'select', searchoptions: { sopt: ['${listaRegiones.nombre_region}'], value:'${listaRegiones.id_region}'},
            width:55*/            
            /*name: 'descripcion_region', index: 'descripcion_region',
                        editable: true,
                        edittype: 'select',
                        //formatter: 'select',
                        editoptions: { dataUrl: "getJsonRegiones.do" },
                        width: 220,
                        align: 'left'*/
              name: 'descripcion_region', index: 'descripcion_region',
              editable: true,
              edittype: 'select',
              editoptions: {
              dataUrl: 'getJsonRegiones.do',
              buildSelect: function (data) { 
                    var response =data;// jQuery.parseJSON(data);
                    var s = '<select>';
                    if (response && response.length) {                        
                        for (var i = 0, l = response.length; i < l; i++) {
                            alert('Entro')
                            var ri = response[i];
                            s += '<option value="' + ri + '">' + ri + '</option>';
                        }
                    }
                    return s + "</select>";
                    
                    
                }
            }
            
                        
        },{
            name:'fecha_alta',
            index:'fecha_alta',
            sortable: true, 
            editable: false,  
            editrules: { required: true},
            editoptions:{readonly: false},        
            width:55
        },
         {
            name:'actions',
            index:'actions',
            sortable: false, 
            width:80, 
            
            align:"center"
        }
        ],
        ondblClickRow: function(id_gerencia){
           // alert(bancoid)    
               
        },
        rowNum:10,
        rowList:[10,20,30],
        pager: '#bancos_pager',
        sortname: 'id_gerencia',
        viewrecords: true,
        sortable: true,
        sortorder: "desc",
        multiselect: false,
        caption:"Catalogo de Gerencias",
        loadonce : false,
        rowTotal: 'total',
        records:'records',
        jsonReader: {
            repeatitems: false,
            id: "id_gerencia"
        },gridComplete: function(){
 	  
            var ids =$("#catalogogerencias_grid").jqGrid('getDataIDs');
	  
            for(var i=0;i < ids.length;i++){
                var id_gerencia_ = ids[i]; 
                
                icon1= " <img src='img/edit.png' alt='Rechazar' title='Editar Empleado' height='18' onclick=\"editForm('"+id_gerencia_+"',2);\" width='18'  />";
                //icon2= " <img src='img/Add-icon.png'alt='Ver auto' title='Agregar Empleado' height='14' onclick=\"addForm('"+id_empleado_+"',1);\" width='14'  />";
                //icon3= " <img src='img/icon2.png' alt='Rechazar' title='Eliminar Empleado' height='18' onclick=\"delEmpleadoFromCatalogo('"+id_empleado_+"',2);\" width='18'  />";
                $("#catalogogerencias_grid").jqGrid('setRowData',ids[i],{
                    actions:icon1
                }); 
            }
 
        }
    });
    $("#catalogogerencias_grid").jqGrid('navGrid','#bancos_pager',{
        //edit:true,
        add:true,
        del:true,
        view :false,
        search: false 
    },{width: 400},{width: 400},{closeAfterEdit:true,url:'crudCatalogoGerencias.do?accion=edit'},{closeAfterAdd:true,url:'crudCatalogoGerencias.do?accion=add'},{url:'crudCatalogoGerencias.do?accion=del'});

}

function addForm(){
 $("#dialog-addcatalogogerencia").show();
 $('#dialog-addcatalogogerencia').dialog({width: 500});
        
 $("[id='id_gerencia']").val(""); 
 $("[id='nombre_gerencia']").val(""); 
 $("[id='descripcion_gerencia']").val(""); 
 $("[id='id_region']").val("");      
  //$("[id='nombre_empleado']").val("");
}


function editForm(id_gerencia_){
 $("#dialog-editcatalogogerencia").show();
 $('#dialog-editcatalogogerencia').dialog({width: 500});
        
        
 dwrService.getGerenciaById(id_gerencia_,
                {
                    callback: function(objRemoto) {
                       $("[id='id_gerencia']").val(objRemoto["id_gerencia"]); 
                       $("[id='nombre_gerencia']").val(objRemoto["nombre_gerencia"]); 
                       $("[id='descripcion_gerencia']").val(objRemoto["descripcion_gerencia"]); 
                       $("[id='id_region']").val(objRemoto["id_region"]); 
                   },
                    preHook: function() {
                                            $("#loading").show();
                    },
                    postHook: function() {
                                            $("#loading").hide();
                    }
                });
    
  //$("[id='nombre_empleado']").val("");
}